<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax构造body为json格式的post请求</title>
</head>
<body>
    <script>
        // 1.构造body对象
        let body = {
            username: "zhangsan",
            password: "123"
        }
        
        // 2.将body对象转化为json字符串
        let jsonBody = JSON.stringify(body);

        // 3.获取XMLHttpRequest对象，在ajax中使用XMLHttpRequest对象来发送http请求
        // 然后设置请求头的方式，设置请求的body为 json格式。
        let xhr = new XMLHttpRequest();
        xhr.open('post', 'getParameter2', true); //设置请求方法和请求地址
        xhr.setRequestHeader('Content-type','application/json; charset=utf-8'); //设置数据格式

        // 4.设置回调函数
        xhr.onreadystatechange = function(){
            if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200){
                // 请求成功，设置响应的打印到浏览器的数据
                let response = JSON.parse(xhr.responseText);
                console.log(response);
            }
        };

        // 5.发送请求
        let date = xhr.send(jsonBody);

    </script>
</body>
</html>